import "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"

function login() {
    const uname = $(".lg_uname")
    const password = $(".lg_pwd")
    const yzm = $(".lg_yzm")
    const checkspans = $(".lg_form span")
    const btn = $(".btn")
    const form = $(".lg_form form")

    let unameflag = true
    let pwdflag = true
    let yzmflag = true

    // console.log(uname, password, yzm, checkspans)

    form.on("submit", function() {
        return false
    })

    uname.on("blur", function() {
        if ($(this).val() !== "") {
            $.ajax({
                type: "post",
                url: "http://10.31.155.75/mogujie/php/login.php",
                data: {
                    uname: $(this).val()
                }
            }).done(function(res) {
                if (res === "false") {
                    checkspans.eq(0).css("color", "red").html("用户不存在,请前往注册新用户或者更换用户")
                    unameflag = false
                } else {
                    checkspans.eq(0).html("")
                    unameflag = true
                }
            })
        } else {
            checkspans.eq(0).css("color", "red").html("用户名/手机号不能为空")
            unameflag = false
        }
    })

    password.on("blur", function() {
        if ($(this).val() === "") {
            checkspans.eq(1).css("color", "red").html("密码不能为空")
            pwdflag = false
        } else {
            checkspans.eq(1).css("color", "red").html("")
            pwdflag = true
        }
    })


    yzm.on("blur", function() {
        if ($(this).val() === "") {
            checkspans.eq(2).css("color", "red").html("验证码不能为空")
            yzmflag = false
        } else {
            checkspans.eq(2).css("color", "red").html("")
            yzmflag = true
        }
    })

    btn.on("click", function() {
        if (uname.val() === "") {
            checkspans.eq(0).css("color", "red").html("用户名不能为空")
            unameflag = false
        }
        if (password.val() === "") {
            checkspans.eq(1).css("color", "red").html("密码不能为空")
            pwdflag = false
        }
        if (yzm.val() === "") {
            checkspans.eq(2).css("color", "red").html("验证码不能为空")
            yzmflag = false
        } else if (document.querySelector(".lg_yzm").value.length !== 4) {
            checkspans.eq(2).css("color", "red").html("验证码长度输入有误")
            yzmflag = false
        }

        if (unameflag && pwdflag && yzmflag) {
            $.ajax({
                type: "post",
                url: "http://10.31.155.75/mogujie/php/login.php",
                data: {
                    uname: uname.val(),
                    password: password.val(),
                    yzm: yzm.val()
                }
            }).done(function(data) {
                if (data === "success") {
                    location.href = 'index1.html'
                    localStorage.setItem("username", uname.val()) // 将用户名存入到本地存储
                } else {
                    if (data === "passwordError") {
                        checkspans.eq(1).css("color", "red").html("密码错误")
                        document.querySelector(".yzm img").click()
                        yzm.val("")
                    } else {
                        checkspans.eq(1).html("")
                        if (data === "yzmError") {
                            checkspans.eq(2).css("color", "red").html("验证码错误")
                            document.querySelector(".yzm img").click()
                            yzm.val("")
                        } else {
                            checkspans.eq(2).html()
                        }
                    }
                }
            })
        }
    })
}

export {
    login
}